<h3 class="hd hd-2 problem-header">Custom Javascript Display and Grading</h3>

<div class="problem">
    <div>
        <span>
            <section data-processed="true" data-sop="false" data-setstate="WebGLDemo.setState"
            data-getstate="WebGLDemo.getState"
            data-stored=""
            data="WebGLDemo.getGrade" class="jsinput"
            id="inputtype_1_">
                <div id="status_1_" class="correct">
                    <iframe width="400" height="400" frameborder="0" src="https://studio.edx.org/c4x/edX/DemoX/asset/webGLDemo.html"
                            seamless="seamless"
                            sandbox="allow-scripts allow-popups allow-same-origin allow-forms allow-pointer-lock"
                            id="iframe_1_"
                            name="iframe_1_">
                    </iframe>
                    <input type="hidden"
                           value=""
                           waitfor="" id="input_1_1"
                           name="input_1_1">
                 </div>
            </section>
        </span>

        <span>
            <section data-processed="true" data-sop="false" data-setstate="WebGLDemo.setState"
            data-getstate="WebGLDemo.getState"
            data-stored=""
            data="WebGLDemo.getGrade" class="jsinput"
            id="inputtype_1_">
                <div id="status_1_" class="incorrect">
                    <iframe width="400" height="400" frameborder="0"
                            src="https://studio.edx.org/c4x/edX/DemoX/asset/webGLDemo.html" seamless="seamless"
                            sandbox="allow-scripts allow-popups allow-same-origin allow-forms allow-pointer-lock"
                            id="iframe_1_"
                            name="iframe_1_">
                    </iframe>
                    <input type="hidden"
                           value=""
                           id="input_1_2"
                           name="input_1_2">
                </div>
            </section>
        </span>
    </div>

    <div class="action">
        <input type="hidden" value="Custom Javascript Display and Grading" name="problem_id">
        <input type="button" value="Reset" class="reset">
        <button class="show"><span aria-hidden="true" class="show-label">Show Answer</span> <span class="sr">Reveal Answer</span></button>
    </div>
</div>
